<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.d1{
			width: 100px;
			height: 100px;
			border: 10px solid #000;
			border-top-color: #aa55ff;
			border-left-color:#55aa00;
			border-right-color:#f5193a;
			border-radius:100px ;
			transition: transform 5s;
		}
		.d1:hover{
			transform: rotate(360deg);
		}
		
	</style>
	<body>
		<div class="d1 d2 d3"></div>
	</body>
</html>